<template>
	<view>
		<view style="display: flex;align-items: center;justify-content: center;width: 100%;height: 90vh">
			<view>
				<view style="display: flex;justify-content: center;">
					<view class="u-p-30" style="border-radius: 200px;" :style="{backgroundColor: icon_bgcolor}">
						<u-icon color="#fff" size="60" :name="iconname"></u-icon>
					</view>	
				</view>
				<view class="u-font-center u-font-40 u-m-t-10">{{text}}</view>
						
			</view>
		</view>
	</view>
</template>

<script> 
	export default {
		name:"v-warning",
		props:{
			text:{
				type:String,
				default:'请求错误'
			},
			icon_bgcolor:{
				type:String,
				default:'#bdbdbd'
			},
			iconname:{
				type:String,
				default:'info'
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>

</style>